<template>
	<view>
		<view class="down-bg">
			<image src="../../static/imgs/download-bg.jpg" mode="widthFix" lazy-load></image>
		</view>
		<view class="content">
			<view class="code">
				<qrcode
				:val="list"
				:size="260"
				:lv="3" 
				:onval="true"
				:loadMake="true"
				></qrcode>
			</view>
			<view class="title">
				{{i18n.scanAndDown}}
			</view>
			<text>- Scan Code And Miners -</text>
			<view class="btn" hover-class="active" @tap.stop="save">
				{{i18n.downLoadingToPhone}}
			</view>
		</view>
	</view>
</template>

<script>
	import Qrcode from "../../components/qrcode/qrcode.vue"
	import {fetch} from '@/common/js/util.js'
	import {mapGetters} from 'vuex'
	export default {
		computed:{
			i18n() {
				return this.$t('message');
			},
			...mapGetters([
				'getRequestUrl',
				"getLoginInfo",
				'getLangType'
			])
		},
		components:{
			Qrcode
		},
		data() {
			return {
				list:''
			};
		},
		onShow() {
			this.getCode()
		},
		methods:{
			getCode(){
				//#ifdef APP-PLUS
				let server = this.getRequestUrl +"/api/index/ve"; //检查更新地址  
				let req = { //升级检测数据  
					"appid": plus.runtime.appid,  
					"version": plus.runtime.version
				};
				fetch(server,req,"POST").then(res=>{
					this.list = res.data.data.down;
				})
				// #endif
			},
			save(){
				// #ifdef APP-PLUS
				var pages = getCurrentPages();
				var page = pages[pages.length - 1];
				var bitmap=null;  
				// 获得当前webview对象
				var currentWebview = page.$getAppWebview();
				// 要绘制的图片对象
				bitmap = new plus.nativeObj.Bitmap('amway_img');  
				// 将webview内容绘制到Bitmap对象中  
				currentWebview.draw(
					bitmap,
					// 成功的回调函数
					function(){
						bitmap.save(
						// 要保存的图片路径 相对路径URL(RelativeURL) - 以"_"开头的相对路径
						// 因为内容可能改变 所以使用随机数作为文件的名字
						"_doc/"+Math.random()+".jpg"  
						// 可设置保存图片的格式，压缩质量等参数。
						,{}  
						,function(i){  
							// console.log('保存图片成功：'+JSON.stringify(i));  
							uni.saveImageToPhotosAlbum({  
								filePath: i.target,  
								success: function () {  
									bitmap.clear(); //销毁Bitmap图片  
									uni.showToast({  
										title: '保存图片成功',  
										duration: 1500,
										icon: "none"
									});  
								}  
							});  
						}  
						,function(e){
							uni.showToast({  
								title: '保存图片失败',  
								duration: 1500,
								icon: "none"
							}); 
							// console.log('保存图片失败：'+JSON.stringify(e));  
						});  
					},
					// 失败的回调函数
					function(e){
						uni.showToast({  
							title: '保存图片失败',
							duration: 1500,
							icon: "none"
						}); 
						// console.log('截屏绘制图片失败：'+JSON.stringify(e));  
					}
				);
				// #endif
			}
		}
	}
</script>

<style lang="scss" scoped>
	.down-bg{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		overflow: hidden;
		image{
			width: 100%;
			height: auto;
		}
	}
	.content{
		width: 500upx; 
		position: absolute;
		top: 160upx;
		left: 50%;
		transform: translateX(-50%);
		text-align: center;
		.btn{
			width: 350upx;
			line-height: 80upx;
			margin: 40upx auto;
			background-color: #F0AD4E;
			color: #FFFFFF;
			border-radius:40upx;
			text-align: center;
			&.active{
				transform: scale(.9);
				opacity: .9;
			}
		}
		.code{
			width: 300upx;
			height: 280upx;
			margin:0 auto;
			background-color: #FFFFFF;
			border-radius:20upx;
			padding-top:20upx;
		}
		.title{
			font-size: 36upx;
			color: #FFFFFF;
			line-height: 44upx;
			margin-top:30upx;
		}
		text{
			color: #43e4ea;
			font-size:26upx;
			display: block;
		}
	}
</style>
